<template>
  <div class="stats-container">
    <stats-target  />
    <Chart />
  </div>
</template>

<script setup>
import StatsTarget from "./StatsTarget.vue";
import Chart from "./Chart.vue";
import {provide, reactive} from "vue";

//响应式传给子组件
const chartData = reactive({
    chartId:'', //图表id
    genChartResult:'', //图表分析结果
    genChartCode:'', //图表的echarts option参数
    loading:false,
})

provide('chartData', chartData);



</script>

<style scoped>
.stats-container{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
}
</style>